<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习视频课程详情页</title>
    <link rel="stylesheet" href="video-play.css">
    <script rel="script" src="script.js"></script>
    <script rel="script" src="video-play.js"></script>
</head>
<body>
<header>
    <div class="logo">
        <a href="index.html"><img alt="logo" src="imgs/logo.png"></a>
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="all-class.html">课程分类</a></li>
            <li><a href="about-us.html">联系我们</a></li>
        </ul>
    </div>
</header>

<div id="video" class="video">
    <video  controls="controls">
        <source src="imgs/video/textVideo1.mp4">
    </video>
</div>

<div class="classDetail">
    <div class="className">
        <h2>app应用开发</h2>
    </div>
    <div class="classList">
        <ul>
            <li class="page">第一章：初识APP</li>
            <li><a onclick="oDiv(1)">第一节:APP是什么？</a></li>
            <li><a onclick="oDiv(2)">第二节：App有什么作用？</a></li>
            <li><a onclick="oDiv(3)">第三节：app简介</a></li>
            <li><a onclick="oDiv(4)">第一节:APP是什么？</a></li>
            <li><a onclick="oDiv(5)">第二节：App有什么作用？</a></li>
            <li><a onclick="oDiv(6)">第三节：app简介</a></li>
            <li>第二章：编程基础</a></li>
            <li><a onclick="oDiv(3)">第一节：初识studioCode</a></li>
            <li><a onclick="oDiv(5)">第二节：第一个app</a></li>
            <li><a onclick="oDiv(4)">第三节：认知语法结构</a></li>
            <li><a onclick="oDiv(1)">第一节：初识studioCode</a></li>
            <li><a onclick="oDiv(2)">第二节：第一个app</a></li>
            <li><a>第三节：认知语法结构</a></li>
            <li>第三章：基础语法学习</li>
            <li><a onclick="oDiv(4)">第一节：输入输出操作</a></li>
            <li><a onclick="oDiv(1)">第二节：语句语法</a></li>
            <li><a onclick="oDiv(2)"> 第三节：变量与运算符</a></li>
            <li><a onclick="oDiv(3)">第一节：输入输出操作</a></li>
            <li><a onclick="oDiv(4)">第二节：语句语法</a></li>
            <li><a onclick="oDiv(5)"> 第三节：变量与运算符</a></li>
        </ul>
    </div>
</div>


<div class="footer">
    <div class="copyRight">
        <ul>
            <li>
                <img id="logo" src="imgs/logo.png">
            </li>
            <li>
                <p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。<br>
                    © 2017年XCZX Inc.保留所有权利。-沪ICP备15025210号
                </p>
            </li>
            <li class="app">
                <a href=" "><span id="downLoad">下载APP</span></a>
            </li>
        </ul>
    </div>
    <div class="rightFoot">
            <span>
                关于自学网
            </span>
        <ul>
            <li>
                <a href=" ">关于</a>
            </li>
            <li>
                <a href="">团队管理</a>
            </li>
            <li>
                <a href="">工作机会</a>
            </li>
            <li>
                <a href="">客户服务</a>
            </li>
            <li>
                <a href="">帮助</a>
            </li>
        </ul>
    </div>
    <div class="rightFoot2">
            <span>
                新手指南
            </span>
        <ul>
            <li>
                <a href=" ">如何注册</a>
            </li>
            <li>
                <a href="">如何选课</a>
            </li>
            <li>
                <a href="">如何拿到毕业证</a>
            </li>
            <li>
                <a href="">学分是什么</a>
            </li>
            <li>
                <a href="">未通过考试怎么办</a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>